@import '../../common/common';
.loading {
  @include wh(100%, 100%);
  position: relative;
  .main {
    @include wh(100%, 100%);
    position: relative;
    margin: px2rem(86) auto 0 auto;
    z-index: 2;
    color: #666;
    //background: #f4f5f7;
    .tab-box{
      padding:0 px2rem(40);
      .weui-navbar {
        @include borderRadius(px2rem(10) px2rem(10) 0 0);
        overflow: hidden;
        .weui-navbar__item {
          background-color: #fff;
          .icon-box {
            background-color: #cbcbcb;
          }
          .p-box {
            background-color: #989898;
          }
          &:after {
            border: none;
          }
          &.weui-bar__item_on {
            background-color: #fff;
            .content-wrap {
              border-color: #6fc8ff;
            }
            .icon-box {
              background-color: #69b6ff;
            }
            .p-box {
              background-color: #2e9bfd;
            }
          }
          padding: 0 px2rem(50);
          height: px2rem(110);
          .content-wrap {
            height: 100%;
            line-height: px2rem(110);
            border-bottom: px2rem(4) solid transparent;
          }
          .icon-box {
            display: inline-block;
            @include wh(px2rem(60), px2rem(60));
            @include borderRadius();
            position: relative;
            vertical-align: middle;
            .p-box {
              display: inline-block;
              @include wh(px2rem(48), px2rem(48));
              @include borderRadius();
              @include center();
              i {
                @include center();
              }
            }
          }
          span {
            display: inline-block;
            @include hl(px2rem(60));
            margin-left: px2rem(15);
            @include sc(px2rem(24), #4a4a4a);
          }
        }
      }
    }
    .content {
      margin-bottom: px2rem(50);
      height: 100%;
      overflow: scroll;
      padding: 0 px2rem(40) 0 px2rem(15);
      .list-warp {
        padding-bottom: 120px;
      }
      .order-box {
        padding-top:px2rem(30);
        position: relative;
        @include fj(space-between, stretch);
        align-items: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -webkit-box-align: stretch;
        .c-left {
          @include flex();
          align-items: stretch;
          margin-right:px2rem(15);
          .c-left-p1 {
            display: inline-block;
            position: relative;
            z-index: 2;
            @include wh(px2rem(60),px2rem(60));
            @include borderRadius(50%);
            border: 2px solid #fff;
            text-align: center;
            line-height: px2rem(54);
            i {
              color: #fff;
            }
          }
          .line {
            @include flex();
            width: 100%;
            height: 100%;
            @include fj(center, center);
            &::after {
              content: '';
              position: absolute;
              width: 1px;
              height: 100%;
              background-color: #cccccc;
            }
          }
        }
        .c-right {
          width: 100%;
          .wrap {
            @include borderRadius(5px);
            padding: px2rem(25) px2rem(28) px2rem(37);
            background-color: #fff;
            .top {
              height: px2rem(110);
              position: relative;
              @include border1px(bottom, #d7d7d7);
              .left {
                padding-right: px2rem(100);
                padding-left: px2rem(6);
                p {
                  height: px2rem(55);
                  @include sc(px2rem(25), #4d4d4d);
                  line-height: px2rem(25);
                  span {
                    @include sc(px2rem(28), #ff664a);
                    font-weight: 700;
                    margin-left: px2rem(20);
                  }
                  i {
                    font-size: px2rem(30);
                  }
                }
              }
              .right {
                float: right;
                position: absolute;
                top: 0;
                right: 0;
                line-height: px2rem(110);
                color: #2990f2;
              }
            }
            .middle {
              padding-bottom: px2rem(15);
              position: relative;
              @include border1px(bottom, #d7d7d7);
              p {
                color: #4c4c4c;
                font-size:  px2rem(22);
                position: relative;
                margin-top: px2rem(20);
                span {
                  display: inline-block;
                  color: #b1b1b1;
                  height: 100%;
                }
                span.label {
                  position: absolute;
                  top: 0;
                  left: 0;
                }
                span.text {
                  padding-left: px2rem(70);
                  color: #4c4c4c;
                }
              }
              p.address {
                margin-bottom: px2rem(20);
                text-align: left;
              }
            }
            .bottom {
              margin-top: px2rem(26);
              @include fj();
              span.warp {
                @include flex();
                text-align: center;
                color: #999999;
                span.value {
                  color: #4a4a4a;
                }
              }
              span.botton {
                @include flex();
                @include fj(center);
                align-items: center;
              }
              span button {
                border: 1px solid #d7d7d7;
                padding: 0 px2rem(20);
                background-color: #fff;
                color: #b0b0b0;
                @include hl(px2rem(54));
                @include borderRadius(px2rem(27));
                //@include ct();
              }
            }
          }
        }
      }
    }
  }
}
.color-9 {
  color:#999;
}
.color-3 {
  color:#333;
}
.color-6 {
  color:#666;
}
.color-f {
  color:#fff;
}
.bg-9 {
  background: #999;
}
.bg-c {
  background: #ccc;
}
.bg-2f {
  background: #2f99fc;
}
.bg-6a {
  background: #6ab8ff;
}
.bg-f {
  background: #fff;
}
.bg-hg {
  background: #ed9f6c;
}
.bg-xy {
  background: #53a8fb;
}
